<template>
    <el-card :body-style="{ padding: '10px' }">
      <div class="text-md font-bold mb-2">{{ title }}</div>
      <v-chart :option="option" :style="{ width: '100%', height }" autoresize />
    </el-card>
  </template>
  
  <script setup>
  import { defineProps } from 'vue'
  import VChart from 'vue-echarts'
  import 'echarts'
  
  defineProps({
    title: String,
    option: Object,
    height: {
      type: String,
      default: '300px'
    }
  })
  </script>
  
  <style scoped>
  </style>
  